<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title><?php echo $arctitle;?>-<?php echo $cfg_webname;?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="<?php echo $mcfg_basehost; ?>/m-css/m-index.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php echo $mcfg_basehost; ?>/m-js/jquery.js" ></script>
<script type="text/javascript" src="<?php echo $cfg_basehost; ?>/system/gzs.ajax.js"></script>
<script type="text/javascript">
function CheckLogintop(){
var taget_obj = document.getElementById('_userlogin');
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("/user/ajax_loginsta.php");
DedeXHTTP = null;
}
</script>
<style type="text/css">
body{background:#fff;}
.wrapper{padding-bottom:0;padding-top:0;}
.yin{display:none !important;}
.m-courses-cotainer{background:#fff;}
.m-video-vip-box .m-yxw-vip-bt{padding-top:45px;}
.m-video-vip-box .m-yxw-vip-jg{padding-top:10px;}
.m-video-vip-box .m-yxw-vip-jg em{font-size:12px;}
.m-video-vip-box .m-yxw-vip-jg small{font-size:14px;color:#999;text-decoration:line-through;}
.jjweixinBtn{position:fixed;right:15px;bottom:150px;width:40px;height:40px;background:#fff url(<?php echo $mcfg_basehost; ?>/m-images/list-fanhui.png) center no-repeat;background-size:25px 25px;border-radius:50%;box-shadow:0px 5px 11px 0px rgba(0,0,0,0.07);opacity:0.7;display:none;}

/*课程目录*/
.scroll-cont{margin-right:10px;padding-left:15px;overflow-y:auto;}
.action-bar-wrap h2{font-size:18px;line-height:24px;color:#333;padding:15px 15px 10px 15px;font-weight:700;}
.scroll-cont .content-list{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-bottom:10px;}
.scroll-cont .content-list li{height:90px;width:164px;border-radius:5px;position:relative;margin-right:10px;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background:#f8f8f8;border:1px solid #eee;}
.scroll-cont .content-list a{height:90px;width:164px;line-height:22px;padding:20px 15px;word-wrap:break-word;word-break:normal;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content: center;-ms-flex-pack:center;justify-content:center;-webkit-align-items: center;-ms-flex-align:center;align-items:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box;}
.scroll-cont .content-list .name{font-size:14px;color:#333;display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;-webkit-box-orient:vertical;}
.scroll-cont .content-list li.on{background:#efebeb;border:1px solid #ff700a;}
.scroll-cont .content-list li.on>a>.name i{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:5px;background:url(<?php echo $cfg_basehost; ?>/images/icon-play-active.gif) no-repeat;}
.scroll-cont .content-list .name .ke-bs-shipin{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url(<?php echo $mcfg_basehost; ?>/m-images/ke-bs-shipin.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-yinpin{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url(<?php echo $mcfg_basehost; ?>/m-images/ke-bs-yinpin.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-tuwen{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url(<?php echo $mcfg_basehost; ?>/m-images/ke-bs-tuwen.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .name .ke-bs-wangpan{position:relative;top:2px;width:23px;height:13px;display:inline-block;margin-right:5px;background:url(<?php echo $mcfg_basehost; ?>/m-images/ke-bs-wangpan.png) no-repeat;background-size:23px 13px;}
.scroll-cont .content-list .info span.tuwen{display:none;}
.keshikan{position:absolute;top:0;right:0;line-height:18px;height:18px;padding:0 3px;background:#00b277;border-radius:0 4px 0 4px;font-size:10px;color:#fff;}
.ke-suo{position:absolute;top:0;right:0;line-height:18px;height:18px;padding:0 3px;background:#ff700a;border-radius:0 4px 0 4px;font-size:10px;color:#fff;}
</style>
</head>
<body>

<div class="wrapper">

<!-- 头部 -->
<div class="gzs-ke-top"><a href="<?php echo $mcfg_basehost;?>/" class="m-index-logo"></a><div class="gzs-ke-box-login"><a href="<?php echo $mcfg_basehost;?>/user/" class="gzs-ke-login">个人中心</a></div></div>
<!-- 头部 End -->
<style type="text/css">
.gzs-ke-top{position:relative;background-color:#fff;height:50px;line-height:50px;overflow:hidden;padding:0 15px;}
.m-index-logo{float:left;width:80px;height:40px;background:url(<?php echo $mcfg_basehost; ?>/m-images/logo.png) no-repeat;background-size:80px 40px;margin-top:5px;}
.gzs-ke-login{font-size:14px;margin-left:15px;}
.gzs-ke-box-login{float:right;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;}
</style>

<!-- 课程购买 -->
<div class="m-video-vip-box">
<img src="<?php echo $cfg_basehost;?><?php echo jjbigpic($tid);?>" style="width:100%;height:200px;">
<div class="m-video-yxw-list">
<p class="m-yxw-vip-bt">付费购买后，解锁全部章节</p>
<p class="m-yxw-vip-jg">
<?php
$oprice = $arc->TypeLink->TypeInfos['price'];
if($cfg_dazhe == 'Y'){
$dzprice = $oprice / 100 * $cfg_zhekou;
echo '<em>￥</em>'.$dzprice.' <small>原价￥'.$oprice.'</small>';}
else{
echo '<em>￥</em>'.$oprice;}
?></p>
<p class="m-yxw-vip-gmkc"><a href="<?php echo $mcfg_basehost;?>/user/buyke.php?tid=<?php echo $tid;?>" class="m-kc-goumai">立即购买</a> 
</div>
</div>
<!-- 课程购买 End -->
<h2 style="line-height:24px;font-size:18px;color:#333;padding:15px 15px 10px;font-weight:700;"><?php echo jjGetTypename($tid);?></h2>
<div class="yxw-ke-liulan" style="padding:0 15px 20px;font-size:14px;color:#999;height:20px;line-height:20px;"><img src="<?php echo $mcfg_basehost; ?>/m-images/yxw-ke-bf.png" style="position:relative;top:2px;display:inline-block;width:15px;height:15px;margin-right:5px;"><script src="<?php echo $mcfg_basehost;?>/apps/count.php?view=yes&aid=<?php echo $arcID; ?>&mid=<?php echo $arcID;?>" type="text/javascript"></script>次学习</div>
<div class="yxw-ke-geli" style="height:5px;background:#eee;overflow:hidden;"></div>


<!-- 课程目录 -->
<div class="action-bar-wrap">
<h2>选集<span style="color:#666;font-size:13px;padding-left:5px;float:right;font-weight:400;">共<?php echo jjKeCount($tid);?>集全</span></h2>
<div class="scroll-cont">
<ul class="content-list">
<?php
global $dsql;
$sql = "select a.id,a.title,a.shorttitle,a.source,a.arcrank,a.litpic from #@__archives a left join #@__addonvideo b on a.id = b.aid where a.typeid = '$tid' order by a.id asc";
$dsql->Execute('me',$sql);
$jg = '';
$i = 0;
while($arr = $dsql->GetArray('me'))
{
$i++;
$jg .= '<li class="jjdd'.$arr['id'].'"><a href="'.$arr['id'].'.html" class="needBuy_kelist" rank="'.$arr['arcrank'].'"><div class="name"><i class="ke-bs-'.$arr['source'].'"></i>'.$i.'.'.$arr['title'].'</div><div class="info"><span class="yxw-kc-s needBuy yin"><em class="ke-suo">付费</em></span></div></a></li>';
}
echo $jg; ?>
</ul>
</div>
</div> 
<!-- 课程目录 End -->


</div>
<!-- wrapper End -->


<script type="text/javascript">
$(document).ready(function () {
$.post("<?php echo $mcfg_basehost;?>/user/jjajax.php",{a:"GetRank",tid:"<?php echo $tid;?>"},function(result){
if(result == 'ok'){
}else{
$(".list-kc-goumai").removeClass("yin");
$(".needBuy").removeClass("yin");
$(".needBuy_kelist").each(function(index, element) {
if($(element).attr("rank") == '0' ){
$(element).find(".needBuy").removeClass("yxw-kc-s");
$(element).find(".needBuy").html('<em class="keshikan">免费</em>');
}
});
}
});
$('.pop-close2').click(function () {
$('.bgPop2,.pop2').hide();
});
$('.click_pop2').click(function () {
$('.bgPop2,.pop2').show();
});
})
</script>

<script type="text/javascript">
$(".jjdd<?php echo $arcID; ?>").addClass("on");
var myyuans = $(".jjdd<?php echo $arcID; ?>");
var jjLeft = parseInt($(".jjdd<?php echo $arcID; ?>").offset().left) -15;;
$(".scroll-cont").scrollLeft(jjLeft);
</script>


<!-- 最底部导航 -->
<div class="gzs-bottombar">
<a href="<?php echo $mcfg_basehost;?>/" class="gzs-bo"><img src="<?php echo $mcfg_basehost;?>/m-images/index.png"><p>首页</p></a>
<a href="<?php echo $mcfg_basehost;?>/user/buyhui.php" class="gzs-bo"><img src="<?php echo $mcfg_basehost;?>/m-images/index-ke.png"><p>会员</p></a>
<a href="<?php echo $mcfg_basehost;?>/user/operation_ke.php" class="gzs-bo"><img src="<?php echo $mcfg_basehost;?>/m-images/index-yg.png"><p>学习</p></a>
<a href="<?php echo $mcfg_basehost;?>/user/" class="gzs-bo"><img src="<?php echo $mcfg_basehost;?>/m-images/index-admin.png"><p>我的</p></a>
</div>
<!-- 最底部导航 End -->


</body>
</html>